<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/index.css">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1, user-scalable=no">
</head>
<body>
<div class="header-box">
  <p>人气借阅榜</p>
</div>
<div class="read_list">
  <div class="read_list_box" >
    <ul id="read_list_box">
      <li>
        <img src="img/index/tuceng 32@2x.png">
        <div class="box_right">
          <p> 牙虫大搬家 </p>
          <p>(日)西本康子</p>
          <p>主题:<i>智商</i></p>
          <p>适龄:<b>2-4岁</b></p>
          <div class="xingxing1">
            <img src="img/index/xing5@2x.png">
            <img src="img/index/xing5@2x.png">
            <img src="img/index/xing5@2x.png">
            <img src="img/index/xing5@2x.png">
            <img src="img/index/xing6@2x.png">
            <span>4.3</span>
          </div>
        </div>
      </li>
      <li>
        <img src="img/index/tuceng 30@2x.png">
        <div class="box_right">
          <p> 鸭子骑车记 </p>
          <p>(美)大卫·香农</p>
          <p>主题:<i>智商</i></p>
          <p>适龄:<b>2-4岁</b></p>
          <div class="xingxing1">
            <img src="img/index/xing5@2x.png">
            <img src="img/index/xing5@2x.png">
            <img src="img/index/xing5@2x.png">
            <img src="img/index/xing5@2x.png">
            <img src="img/index/xing6@2x.png">
            <span>4.3</span>
          </div>
        </div>
      </li>
      <li>
        <img src="img/index/tuceng 31@2x.png">
        <div class="box_right">
          <p> 胆小鬼威利 </p>
          <p>(英)安东尼·布朗</p>
          <p>主题:<i>智商</i></p>
          <p>适龄:<b>2-4岁</b></p>
          <div class="xingxing1">
            <img src="img/index/xing5@2x.png">
            <img src="img/index/xing5@2x.png">
            <img src="img/index/xing5@2x.png">
            <img src="img/index/xing5@2x.png">
            <img src="img/index/xing6@2x.png">
            <span>4.3</span>
          </div>
        </div>
      </li>
      <li>
        <img src="img/index/tuceng 35@2x.png">
        <div class="box_right">
          <p> 根本就不脏嘛 </p>
          <p>(德)玛努艾拉·欧尔特</p>
          <p>主题:<i>智商</i></p>
          <p>适龄:<b>2-4岁</b></p>
          <div class="xingxing1">
            <img src="img/index/xing5@2x.png">
            <img src="img/index/xing5@2x.png">
            <img src="img/index/xing5@2x.png">
            <img src="img/index/xing5@2x.png">
            <img src="img/index/xing6@2x.png">
            <span>4.3</span>
          </div>
        </div>
      </li>
    </ul>
  </div>
</div>
<div class="footer_kb"></div>
<div class="footer">
  <div class="footer_box">
    <a class="hui_ben footer_box_item select" href="index.html">
      <img src="img/index/huiben@2x.png">
      <span>绘本</span>
    </a>
    <a class="rong_yao_bang footer_box_item" href="glory.html">
      <img src="img/index/rongyaobang@2x.png">
      <span>荣耀榜</span>
    </a>
    <a class="zhu_ye footer_box_item" href="richScan.html">
      <img src="img/index/zhuye@2x.png">
    </a>
    <a class="gui_huan footer_box_item" href="back.html">
      <img src="img/index/guihuan@2x.png">
      <span>归还</span>
    </a>
    <a class="my footer_box_item" href="my.html">
      <img src="img/index/wo@2x.png">
      <span>我</span>
    </a>
  </div>
</div>
</body>
<script src="js/jquery.js"></script>
<script src="js/base.js"></script>
<script>
  $('#read_list_box li').click(function (e) {
    console.log(123);
    e.preventDefault();
    self.location="appointment.html";
  })
</script>
</html>